Domingo, 05 de Junio de 2024

Introducción
Herramientas
Tags (órdenes)
Estructura básica

Texto
Texto simple
Formato
Tamaño
Color
Alineación

Imagen y Enlace
Inserción de imágenes
Inserción de enlaces

Tablas
Estructura
Contorno y márgen
Color
Combinar celdas
Ajuste de tamaño
Tamaño relativo
Alineación

Formularios
Utilidad
campo de texto
Área de texto
Menú desplegable
Casilla verificación


HTML > Formularios > Campo de texto


En un formulario, el campo más común es el campo de texto. Un pequeño recuadro en el que el usuario puede escribir un texto de un cierto número de caracteres, pero no más de una línea.

Acostumbran a ser campos en los que puede escribirse un nombre, un apellido, la ciudad, el código postal,...

Cada vez que necesitemos añadir un campo de este estilo, deberemos introducir el comando INPUT junto al parámetro TYPE al cual le asignaremos el tipo "text", y un parámetro NAME al cual le asignaremos un nombre que depués nos servirá para saber a qué corresponde la información.

<FORM ACTION="mailto:mi@direccion.es" METHOD="post" ENCTYPE="text/plain">
Escribe tu nombre:
<INPUT TYPE="text" NAME="Nombre">
</FORM>


Cuando el usuario envie este formulario, recibiríamos un e-mail en el contenido del cual aparecería "Nombre =" seguido de lo que esa persona haya escrito en el recuadro.

Para que el usuario pueda enviar este formulario, necesitaremos insertar un botón que, al pulsarse, lo envía automáticamente.

Para que aparezca este botón, debemos introducir otro comando INPUT junto con el parámetro TYPE al cual deberemos asignarle el valor "Submit". Quedando el formulario anterior así:

<FORM ACTION="mailto:mi@direccion.es" METHOD="post" ENCTYPE="text/plain">
Escribe tu nombre:
<INPUT TYPE="text" NAME="Nombre">
<INPUT TYPE="submit">
</FORM>